body,
html,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
header,
menu,
section,
p,
input,
td,
th,
ins {
  padding: 0;
  margin: 0;
}
body,
textarea,
select,
input,
button {
  font-size: 12px;
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-text-size-adjust: none;
}
section,
header,
main,
article,
aside,
ins,
nav {
  display: block;
}
html,
body {
  width: 100%;
  height: 100%;
  border: 0;
  word-wrap: break-word;
  word-break: break-word;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}
em,
i {
  font-style: normal;
  text-align: left;
  font-size: inherit;
}
html,
body,
img,
iframe {
  border: 0;
}
textarea {
  resize: none;
  overflow: auto;
}
input:focus,
textarea:focus,
span:focus,
a:focus,
button:focus {
  outline: none;
}
li,
s {
  list-style: none;
}
img,
.txt {
  border: 0;
}
mark {
  background: none;
}
[hidefocus] {
  outline: none;
}
a {
  text-decoration: none;
  color: #333;
}
a:hover {
  text-decoration: underline;
  color: #333;
}
a,
a *,
.f-hand,
.f-hand * {
  cursor: pointer;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}
button {
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
}
.f-cb:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.g-bd,
.g-bd1,
.g-bd2,
.g-bd3,
.g-bd4,
.g-bd5,
.g-bd6,
.g-bd7 {
  width: 980px;
  min-height: 700px;
  _height: 700px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-width: 0 1px;
}
.g-bd4 {
  background: url(../../resource/static/wrap4.png) repeat-y center 0;
}
.g-mn4 {
  float: left;
  width: 100%;
  margin-right: -270px;
}
.g-mn4c {
  margin-right: 271px;
}
.g-wrap6 {
  padding: 47px 30px 40px 39px;
}

.m-info .cover {
  float: left;
  position: relative;
  display: inline;
  margin: 0 -220px 0 0;
}
.m-info .cnt {
  float: right;
  width: 100%;
}
.m-info .cntc {
  margin-left: 230px;
}
.m-info .topblk {
  margin-bottom: 20px;
}

.m-info .hd {
  position: relative;
  margin: 0 0 12px;
  line-height: 24px;
}
.m-info .type {
  float: left;
  margin-right: 6px;
}
.m-info .tit {
  margin-left: 64px;
  position: relative;
}
.m-info .tit1 {
  margin-left: 75px;
}
.m-info .tit2 {
  margin-right: 45px;
}
.m-info .tit3 {
  margin-left: 80px;
}
.m-info .subtit {
  margin: 1px 0 5px;
  line-height: 14px;
  color: #bababa;
}
.m-info .edit {
  float: right;
  margin-top: 1px;
  padding-left: 18px;
  line-height: 17px;
  background-position: 0 -259px;
}
.m-info .edit:hover {
  background-position: 0 -280px;
}
.m-info .hd h2 {
  line-height: 24px;
  font-size: 20px;
  font-weight: normal;
}
.m-info .hd .type {
  position: relative;
  top: 3px;
}
.m-info .hd h2 a.u-icn {
  position: relative;
  top: -2px;
  margin-left: 3px;
}
.m-info .hd .alias {
  font-size: 18px;
  color: #777;
}
.m-info .user {
  margin: 0 0 20px;
  line-height: 35px;
}
.m-info .user .time {
  margin-left: 15px;
}
.m-info .user .face,
.m-info .user .face img {
  float: left;
  width: 35px;
  height: 35px;
}
.m-info .user .face {
  margin-right: 10px;
}
.m-info .user .name {
  float: left;
}
.m-info .user .u-icn {
  float: left;
  margin: 9px 0 0 3px;
  *margin-top: 10px;
}
.m-info .user .u-icn2-music2 {
  float: left;
  margin: 11px 0 0 3px;
  *margin-top: 12px;
}
.m-info .btns {
  margin-bottom: 25px;
  margin-right: -10px;
}
.m-info .btns-1 {
  margin-bottom: 9px;
}
.m-info .btns2 .u-btni,
.m-info .btns .u-btni {
  margin-right: 6px;
  font-family: simsun, \5b8b\4f53;
}
.m-info .btns a.nomr {
  margin-right: 0;
}
.m-info .btns .u-btni-add {
  margin-right: 5px;
}
.m-info .btns2 {
  margin: 9px 0 0;
}
.m-info b {
  font-weight: normal;
  color: #666;
}
.m-info .intr {
  margin-top: 4px;
  line-height: 18px;
  color: #666;
}
.m-info .intr .cat {
  margin-right: 7px;
}
.m-info .intr .cat:hover {
  background: #fbeeee;
}
.m-info .intr-1 {
  margin-top: 20px;
}
.m-info .intr b {
  display: inline-block;
}
.m-info .tags {
  margin: 25px 0 5px;
  line-height: 22px;
}
.m-info .tags b {
  float: left;
}
.m-info .tags .u-tag {
  float: left;
  margin: 0px 10px 3px 0;
}
.m-info-alb .cntc {
  margin-left: 255px;
}
.m-info-rank .cntc {
  margin-left: 187px;
}
.m-info-rank .sep {
  margin-left: 5px;
}
.m-info-rank .hd {
  margin: 16px 0 4px;
}
.u-cover {
  position: relative;
  display: block;
}
.u-cover-alb {
  width: 177px;
  height: 177px;
}

.u-cover .bottom,
.u-cover .msk,
.n-musicsd .lst .avatar .msk {
  background: url(../img/coverall.png) no-repeat;
  _background: url(../img/coverall.png) no-repeat 0 9999px;
}
.u-cover .ply,
.u-cover .icon-headset,
.u-cover .icon-play,
.u-face .msk,
.n-note .head .msk,
.icn-vip,
.icn-daren,
.u-checkbox {
  background: url(../img/coverall.png) no-repeat;
  _background: url(../img/coverall.png);
}
.u-cover .msk {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.u-cover-alb .msk {
  width: 209px;
  height: 177px;
  background-position: 0 -986px;
}
.u-icn-16 {
  width: 54px;
  height: 24px;
  background-position: 0 -186px;
}
.f-ff2 {
  font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
}

.s-fc7,
a.s-fc7:hover {
  color: #0c73c2;
}

.u-btni-addply {
  float: left;
}
.u-btn2-2 {
  color: #fff;
  background-position: right -428px;
}
.u-btn2,
.u-btn2:hover {
  text-decoration: none;
}
.u-btn2 {
  white-space: nowrap;
}
.u-btn2,
.u-btn2 i {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 31px;
  line-height: 31px;
  overflow: hidden;
  *line-height: 32px;
  vertical-align: top;
  text-align: center;
  cursor: pointer;
}
.u-btn2,
.u-btn2 i,
.u-btn2 .icn,
.u-btni,
.u-btni i,
.u-tag,
.u-tag i,
.u-btni-addply .ply {
  background: url(../../resource/static/button2.png) no-repeat 0 9999px;
  background-position-x: 0px;
  background-position-y: 9999px;
}

.u-btn2-2:hover {
  color: #fff;
  background-position: right -510px;
}

.u-btn2-2:hover i {
  color: #fff;
  background-position: 0 -469px;
}
.u-btni-addply i {
  padding: 0 7px 0 8px;
}
.u-btn2 i {
  padding: 0 7px 0 8px;
  pointer-events: none;
}
.u-btni-addply:hover .ply {
  background-position: -28px -1622px;
}
.u-btni-addply .ply {
  float: left;
  width: 20px;
  height: 18px;
  margin: 6px 2px 2px 0;
  background-position: 0 -1622px;
  overflow: hidden;
}
.u-btni-add:hover {
  background-position: -40px -1588px;
}
.u-btni,
.u-btni:hover {
  color: #333;
  text-decoration: none;
}
.u-btni-add {
  width: 31px;
  margin-left: -3px;
  padding-right: 0;
  background-position: 0 -1588px;
}

.u-btni {
  padding: 0 5px 0 0;
  padding-right: 5px;
  white-space: nowrap;
}
.u-btni,
.u-btni i {
  float: left;
  height: 31px;
  line-height: 30px;
  min-width: 23px;
  cursor: pointer;
}
.u-btni-share i,
.u-btni-fav i,
.u-btni-cmmt i,
.u-btni-dl i,
.u-btni-unfav i {
  padding-right: 2px;
  padding-left: 28px;
}

.u-btni-share:hover,
.u-btni-fav:hover,
.u-btni-cmmt:hover,
.u-btni-dl:hover {
  background-position: right -1106px;
}
.u-btni-share:hover i {
  background-position: 0 -1268px;
}
.u-btni-dl:hover i {
  background-position: 0 -2805px;
}
.u-btni-cmmt:hover i {
  background-position: 0 -1508px;
}
.u-icn,
.u-title-1 .out .icon {
  background: url(../../resource/static/icon.png) no-repeat 0 9999px;
}
.u-icn-16 {
  width: 54px;
  height: 24px;
  background-position: 0 -186px;
}
.f-fl {
  float: left;
}
.u-btn2-2 i {
  color: #fff;
  background-position: 0px -387px;
}
.u-btni-share:hover,
.u-btni-fav:hover,
.u-btni-cmmt:hover,
.u-btni-dl:hover {
  background-position: right -1106px;
}
.u-btni-fav {
  background-position: right -1106px;
}
.u-btni-fav i {
  background-position: 0 -977px;
}
.u-btni-share,
.u-btni-fav,
.u-btni-cmmt,
.u-btni-dl {
  background-position: right -1020px;
}
.u-btni-share i {
  background-position: 0 -1225px;
}
.u-btni-dl i {
  background-position: 0 -2761px;
}
.u-btni-cmmt i {
  background-position: 0 -1465px;
}
.n-albdesc {
  margin-top: 20px;
  height: 200px;
  overflow: hidden;
}

.n-albdesc p {
  color: #666;
  text-indent: 2em;
  line-height: 24px;
  margin-top: 4px;
}
.u-icn-69,
.u-icn-70 {
  width: 11px;
  height: 8px;
  background-position: -65px -520px;
}
.n-songtb {
  margin-top: 27px;
}
.u-title-1 {
  height: 33px;
}
.u-title {
  height: 40px;
  border-bottom: 2px solid #c20c0c;
}
.u-title-1 h3 {
  font-size: 20px;
  line-height: 28px;
}

.u-title h3 {
  float: left;
  font-size: 24px;
  font-weight: normal;
}
.u-title-1 .sub {
  margin: 9px 0 0 20px;
}

.u-title .sub {
  float: left;
  margin: 13px 0 0 10px;
}
.s-fc3,
a.s-fc3:hover {
  color: #666;
}
.m-table {
  width: 100%;
  border: 1px solid #d9d9d9;
}
.m-table tr {
  background: url(../../resource/static/table.png);
}
.m-table .w1 {
  width: 74px;
}

.m-table th {
  height: 38px;
  background-color: #f7f7f7;
  background-position: 0 0;
  background-repeat: repeat-x;
}
.m-table th {
  vertical-align: top;
  text-align: left;
  font-weight: normal;
  color: #666;
}
.m-table th,
.m-table th .wp,
.m-table td,
.m-table .ply,
.m-table .mv,
.m-table .icn,
.m-info .edit {
  background: url(../../resource/static/table.png) no-repeat 0 9999px;
}
.m-table th .wp {
  height: 18px;
  line-height: 18px;
  padding: 8px 10px;
  background-position: 0 -56px;
}
.m-table th.first .wp {
  background: none;
}
.m-table .w2-1 {
  width: 91px;
}
.m-table .w4 {
  width: 20%;
}

.m-table td {
  padding: 6px 10px;
  line-height: 18px;
  text-align: left;
}
.m-table .even td {
  background-color: #f7f7f7;
}
.m-table .hd {
  height: 18px;
}
.m-table .hd .ply {
  float: right;
}
.m-table .ply {
  width: 17px;
  height: 17px;
  cursor: pointer;
  background-position: 0 -103px;
}

.m-table .hd .num {
  width: 25px;
  margin-left: 5px;
  color: #999;
}
.m-table .tt {
  float: left;
  width: 100%;
}
.m-table .ttc {
  height: 18px;
  margin-right: 20px;
}
.m-table .txt {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-right: 25px;
  margin-right: -25px;
  max-width: 99%;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-table b {
  font-weight: normal;
}
.m-table .mv {
  width: 23px;
  height: 17px;
  margin: 1px 0 0 0;
  background-position: -2px -152px;
}

.m-table .mv,
.m-table .icnfix {
  position: absolute;
  top: 0;
  right: 0;
}
.m-table .mv,
.m-table .icn {
  float: left;
  width: 18px;
  height: 16px;
  margin: 2px 0 0 4px;
  overflow: hidden;
  text-indent: -999px;
  cursor: pointer;
}

.m-table .hshow {
  display: none;
}

.m-table .opt {
  float: left;
}
.m-table .u-icn-81 {
  float: left;
  margin-top: 2px;
}
.u-icn-81 {
  width: 13px;
  height: 13px;
  background-position: 0 -700px;
}
.u-icn,
.u-icn2,
.u-icn3 {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}

.m-table .icn-fav {
  background-position: 0 -174px;
}
.m-table .icn-share {
  background-position: 0 -195px;
}
.m-table .icn-dl {
  background-position: -81px -174px;
}
.m-table .text {
  width: 100%;
  position: relative;
  zoom: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-table .text a {
  white-space: nowrap;
}
.m-table .ply:hover {
  background-position: 0 -128px;
}
.m-table .mv:hover {
  background-position: -30px -152px;
}

.m-table tr.z-hover .hshow,
.m-table tr:hover .hshow {
  display: block;
  position: relative;
  margin-right: -10px;
}
.m-table tr:hover .u-dur {
  display: none;
}
.opt .icn-add:hover {
  background-position: -22px -700px;
}
.opt .icn-dl:hover {
  background-position: -104px -174px;
}
.opt .icn-fav:hover {
  background-position: -20px -174px;
}
.opt .icn-share:hover {
  background-position: -20px -195px;
}
.g-sd4 {
  position: relative;
  float: right;
  width: 270px;
  /* zoom: 1; */
}
.g-wrap7 {
  padding: 20px 40px 40px 30px;
}
.u-hd3 {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
  border-bottom: solid 1px #d3d3d3;
}

.m-more {
    padding-bottom: 10px;
  border-bottom: solid 1px #d3d3d3;
}
.m-more li {
  display: flex;
  margin-top: 10px;
}

.m-more .cver {
  display: block;
}
.cver img {
  width: 60px;
  height: 60px;
  cursor: pointer;
}
.f-thide .sname {
  font-size: 16px;
  display: block;
  padding: 10px 0px 10px 10px;
}
.f-time {
  padding-left: 10px;
  font-size: 12px;
}


.g-name{
    margin-bottom: 20px;
}
.g-name p {
    font-size: 25px;
    padding-bottom:10px ;
}
.g-name img{
    width: 640px;
    height: 380px;
}

